<h3>
  hero-search---------
</h3>
<div id="search-componet">
  <h4>Hero Search</h4>
  <button (click)="vote(true)" >Agree</button>
  <button (click)="vote(false)" >DisAgree</button>
  <br>
  <input value='{{_filed1 | uppercase}}'  />

  <input #searchBox id="search-box" (keyup)="search(searchBox.value)" />

  <ul class="search-resutl">
    <li *ngFor="let hero of heros$ | async">
      <a routerLink="/detail/{{hero.id}}">
        {{hero.name}}
      </a>
    </li>

  </ul>

</div>
